草庐IT

iphone - UIImageView 动画慢

全部标签

javascript - Raphael 沿着路径的 SVG 动画

我有一个关于SVG动画的有趣问题。我正在使用Raphael沿着圆形路径制作动画obj=canvas.circle(x,y,size);path=canvas.circlePath(x,y,radius);path=canvas.path(path);//generatepathfrompathvaluestringobj.animateAlong(path,rate,false);circlePath方法是我自己创建的,用于生成SVG路径符号中的圆路径:Raphael.fn.circlePath=function(x,y,r){vars="M"+x+","+(y-r)+"A"+r+",

javascript - Bodymovin hover 只播放一次动画

让我的动画在悬停时触发播放。我一切正常,但当我尝试将鼠标悬停再次播放时,似乎没有任何效果。有什么想法我写错了吗?varsquares=document.getElementById("test");varanimation=bodymovin.loadAnimation({container:test,renderer:"svg",loop:false,autoplay:false,path:"https://dl.dropboxusercontent.com/BodyMovin/squares.json"});squares.addEventListener("mouseenter"

javascript - 如何关闭网页上指定输入字段的 iPhone 小键盘

我正在为信用卡到期字段使用月份选择器输入(类似于jQueryUI日期选择器)。我需要隐藏iPhone键盘,因为它隐藏了月份选择器。我已经尝试将字段设置为只读,但它不是一个可接受的解决方案-在SafariiOS5.1中,只读字段在键盘导航(小键盘上的上一个/下一个按钮)中被跳过。模糊字段也是NotAcceptable,因为它会触发验证(我们也在使用jQuery验证)。有没有办法在不将其设置为只读或模糊的情况下在单个字段上关闭iPhone键盘? 最佳答案 我还没有遇到隐藏键盘的方法。但是你有没有想过显示“输入”的替代方式。一种选择是使用

javascript - A帧动画

我已经尝试了太多但结果相同,当自定义事件触发a帧中的动画时,它以相同的方式从(x,y,z)播放该动画到(x',y',z')从(x'',y'',z'')到(x',y',z')我试过a-animation属性,但从来没有找到解决方案!Javascript:varone=document.querySelector('#one');vartwo=document.querySelector('#two');varthree=document.querySelector('#three');one.addEventListener('click',function(){camera.emit(

javascript - 隐藏 100% 高度的 iPhone 地址栏

关于此的很多帖子,但不完全适合我的情况。我的页面将灵活的尺寸设置为100%宽度和100%高度,因此典型的加载滚动功能不起作用。有什么想法或其他解决方案吗?谢谢!CSS:*{margin:0;padding:0;}html,body{width:100%;height:100%;min-width:960px;overflow:hidden;}Javascript:/mobile/i.test(navigator.userAgent)&&!pageYOffset&&!location.hash&&setTimeout(function(){window.scrollTo(0,1);},1

javascript - 使用 jquery 设置动画时如何避免兄弟元素摇晃

我有两个并排的div元素。当我将鼠标移到第一个上并为其设置动画时,下一个会奇怪地摇晃。看这里:http://jsfiddle.net/YqZSv/1/我注意到只有在涉及填充和边框时才会发生这种情况。如果我用边距替换边框,“摇晃”效果就会停止。HTMLCSS.a{width:80px;height:80px;padding:10px;border:0pxsolidyellow;background-color:red;display:inline-block}.b{width:100px;height:100px;background-color:blue;display:inline-

javascript - 在 native iPhone 应用程序的 UIWebView 中使用 InnerHTML 是否存在错误?

我有一个相当大的HTML/JS/CSS应用程序,当它作为Web应用程序在iPhone上通过Safari运行时效果很好。当在nativeiPhone应用程序的UIWebView中运行相同的应用程序时,在jQuery中调用以创建HTML片段会失败(即:$("HELLOWORLD");不会创建该元素。我已将其追踪到干净的jQuery方法中的以下等效代码片段:vardiv=document.createElement(“div”);div.innerHTML=“HELLOWORLD”;当我查看div.outerHTML时我懂了/div.innerHTML返回空字符串。这似乎不是jQuery问题

javascript - 仅对所有 iPhone 和 IPADS 进行样式设置的 CSS 样式

问题:我的图像在除iPhone以外的所有平台上都具有响应能力。在安卓版网站上,下图没有歪斜:在网站的iphone版本上,它正在炸毁图像,我不确定。我认为以下内容可以解决除IPHONES和IPADS之外的倾斜问题#homepage.carousel.item{height:auto!important;}#homepage.carousel.itemimg{min-width:100%!important;max-width:100%!important;height:auto!important;position:relative!important;}.carousel-indica

javascript - 使用 wavesurfer.js 为 CSS 属性设置动画

wavesurfer.js非常适合从音频文件渲染波形,但我想知道是否可以将任何CSS属性设置为波形/频谱图的振幅/频率的动画,由wavesurfer.js生成?是否有一种变量可以分配给另一个参数(例如:的不透明度)? 最佳答案 查看wavesurfer.js,可以得到AnalyserNode使用wavesurfer.backend.analyser。注意:您必须检查analyser是否是AnalyserNode的一个实例。只有当浏览器支持WebAudioAPI时才会这样。.从AnalyserNode你可以得到AnalyserNode

javascript - 如何使用 JavaScript/jQuery 获得更流畅的滑动内容动画?

我有一些内容在这里滑动。http://www.smallsharptools.com/downloads/jQuery/Slider/slider.htmlHTML结构简单。有一个固定高度和宽度的外框,溢出设置为隐藏。然后是一个内部容器,其宽度设置为内部内容的全宽,它是一系列标有Item类的div元素。为了左右滑动内容器,我改变了左边距。向左走我减少变成负数的值,向右走我把它归零。但是我看到了锯齿状的动画,即使在我希望性能更好的Chrome中也是如此。我的问题是,如果我使用不同的技术来回移动它会更平滑吗?绝对定位会更顺畅还是我应该考虑其他事情?是否有任何我还不知道的制作流畅动画的秘诀?